/**
 * Created by bgy on 2016/12/5.
 * 待发货订单详情
 */
import React from 'react';
import {hashHistory} from 'react-router';

import HeaderTitle from '../../components/common/HeaderTitle';

var DfhOrderDetail = React.createClass({
  getInitialState:function(){
    var id = this.props.params.id;
    var title = this.props.params.title;
    return null;
  },
  handleClick:function (path) {
    hashHistory.push(path);
  },
  render() {
    return (
      <div className="full">
        <HeaderTitle title="采购订单详情"/>
        <div className="orderDetail">
          <h2 className="orderTitle">待发货订单/已发货/已送达</h2>
          <article className="orderContent">
            <div className="orderItem"><label htmlFor="">订单号：</label><span>asdfadfafasfasdfa</span></div>
            <div className="orderItem"><label htmlFor="">要货机构名称：</label><span>asdfadfafasfasdfa</span></div>
            <div className="orderItem"><label htmlFor="">要货机构代码：</label><span>asdfadfafasfasdfa</span></div>
            <div className="orderItem"><label htmlFor="">下单日期：</label><span>asdfadfafasfasdfa</span></div>
            <div className="orderItem"><label htmlFor="">订单总金额：</label><span>asdfadfafasfasdfa</span></div>
            <div className="orderItem"><label htmlFor="">订单品种数：</label><span>asdfadfafasfasdfa</span></div>
            <div className="orderItem"><label htmlFor="">备注：</label><span>asdfadfafasfasdfa</span></div>
            <hr/>
            <div className="orderItem"><label htmlFor="">商品名称（多商品）：</label><span>asdfadfafasfasdfa</span></div>
            <div className="orderItem"><label htmlFor="">商品代码（多商品）：</label><span>asdfadfafasfasdfa</span></div>
            <div className="orderItem"><label htmlFor="">采购数量：</label><span>asdfadfafasfasdfa</span></div>
            <div className="orderItem"><label htmlFor="">采购金额（多商品）：</label><span>asdfadfafasfasdfa</span></div>
            <button className="button button-pill button-primary btn-green btn-long" onClick={this.handleClick.bind(this,'fh')}>发货</button>
            <button className="button button-pill button-primary btn-green btn-long" onClick={this.handleClick.bind(this,'dhyy')}>预约月台</button>
          </article>
        </div>
      </div>
    )
  }
});
export default DfhOrderDetail;
